export interface Component {
  name: string;
  slug: string;
  category: string;
}

export const components: Component[] = [
  // Form Controls
  {
    name: "Accordion",
    slug: "accordion",
    category: "Disclosure",
  },
  {
    name: "Angle Slider",
    slug: "angle-slider",
    category: "Form",
  },
  {
    name: "Avatar",
    slug: "avatar",
    category: "Data Display",
  },
  {
    name: "Carousel",
    slug: "carousel",
    category: "Data Display",
  },
  {
    name: "Checkbox",
    slug: "checkbox",
    category: "Form",
  },
  {
    name: "Collapsible",
    slug: "collapsible",
    category: "Disclosure",
  },
  {
    name: "Color Picker",
    slug: "color-picker",
    category: "Form",
  },
  {
    name: "Combobox",
    slug: "combobox",
    category: "Form",
  },
  {
    name: "Date Picker",
    slug: "date-picker",
    category: "Form",
  },
  {
    name: "Dialog",
    slug: "dialog",
    category: "Overlay",
  },
  {
    name: "Editable",
    slug: "editable",
    category: "Form",
  },
  {
    name: "Field",
    slug: "field",
    category: "Form",
  },
  {
    name: "File Upload",
    slug: "file-upload",
    category: "Form",
  },
  {
    name: "Floating Panel",
    slug: "floating-panel",
    category: "Overlay",
  },
  {
    name: "Hover Card",
    slug: "hover-card",
    category: "Overlay",
  },
  {
    name: "Listbox",
    slug: "listbox",
    category: "Form",
  },
  {
    name: "Menu",
    slug: "menu",
    category: "Navigation",
  },
  {
    name: "Number Input",
    slug: "number-input",
    category: "Form",
  },
  {
    name: "Pagination",
    slug: "pagination",
    category: "Navigation",
  },
  {
    name: "Password Input",
    slug: "password-input",
    category: "Form",
  },
  {
    name: "Pin Input",
    slug: "pin-input",
    category: "Form",
  },
  {
    name: "Popover",
    slug: "popover",
    category: "Overlay",
  },
  {
    name: "Progress",
    slug: "progress",
    category: "Feedback",
  },
  {
    name: "QR Code",
    slug: "qr-code",
    category: "Data Display",
  },
  {
    name: "Radio Group",
    slug: "radio-group",
    category: "Form",
  },
  {
    name: "Rating Group",
    slug: "rating-group",
    category: "Form",
  },
  {
    name: "Segment Group",
    slug: "segment-group",
    category: "Form",
  },
  {
    name: "Select",
    slug: "select",
    category: "Form",
  },
  {
    name: "Signature Pad",
    slug: "signature-pad",
    category: "Form",
  },
  {
    name: "Slider",
    slug: "slider",
    category: "Form",
  },
  {
    name: "Splitter",
    slug: "splitter",
    category: "Layout",
  },
  {
    name: "Steps",
    slug: "steps",
    category: "Navigation",
  },
  {
    name: "Switch",
    slug: "switch",
    category: "Form",
  },
  {
    name: "Tabs",
    slug: "tabs",
    category: "Navigation",
  },
  {
    name: "Tags Input",
    slug: "tags-input",
    category: "Form",
  },
  {
    name: "Timer",
    slug: "timer",
    category: "Data Display",
  },
  {
    name: "Toast",
    slug: "toast",
    category: "Feedback",
  },
  {
    name: "Toggle Group",
    slug: "toggle-group",
    category: "Form",
  },
  {
    name: "Toggle",
    slug: "toggle",
    category: "Form",
  },
  {
    name: "Tooltip",
    slug: "tooltip",
    category: "Overlay",
  },
  {
    name: "Tour",
    slug: "tour",
    category: "Overlay",
  },
  {
    name: "Tree View",
    slug: "tree-view",
    category: "Data Display",
  },
];
